﻿<html>
<head>
<title>CSS3 Border Width Test</title>

<style type="text/css">
body {border-width: 20px; border-style: solid;}
p {border-width: 15px; border-style: solid; 
  }
h3 {border-width: 40px; border-style: solid;}
h4 {border-width: 30px; border-style: solid;}
em {border-width: 5px; border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Width Test</h1>





<ul>
<li >
For "border-width", possible values are "&lt;border-width&gt;(1,4)" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a 15px
border width.
The rule applied is "p {border-width: 15px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
The border-width of this h3 heading should be 40px.  
The rule applied is "h3 {border-width: 40px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>
<h4>
The border-color of this h4 heading should be 30px.
The rule applied is "h4 {border-width: 30px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border width of 5px.
The rule applied is "em {border-width: 5px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have 15px border width.  Border style of solid is applied to all
CSS rules, so that the border is visible.
The body's border width of 20px should display,
since the rule "body {border-width: 20px;}" applies.
</p>

</body>
</html>
